import $ from './jquery.esm.js';
// console.log($);
// let main4_tab=(function(){
//   let list=$('.nd4 > .main4-conter > .main4-top .main4-top-left > .main4-top-left-top > ul > li')
//   let box=$('.nd4 > .main4-conter > .main4-top .main4-top-left > .main4-top-left-buttom')
//   list.on('mouseover',function(){
//     let index = list.index(this);
//     box.eq(index).addClass('display').siblings().removeClass('display');
//   })
//   console.log(111);
// })();
function main4_tab(){
  let list=$('.nd4 > .main4-conter > .main4-top .main4-top-left > .main4-top-left-top > ul > li')
  let box=$('.nd4 > .main4-conter > .main4-top .main4-top-left > .main4-top-left-buttom')
  list.on('mouseover',function(){
    let index = list.index(this);
    box.eq(index).addClass('display').siblings().removeClass('display');
  })
  console.log(111);
}
function main4_buttomtab(){
  let list=$('.nd4 > .main4-conter > .main4-buttom > .main4-buttom-box2 > .tab-box > ul > li')
  let box=$('.nd4 > .main4-conter > .main4-buttom > .main4-buttom-box2 > .tab-box > .centent')
  list.on('mouseover',function(){
    let index = list.index(this);
    box.eq(index).addClass('display').siblings().removeClass('display');
  })
}

function rmd_tab(){
  let list=$('.recommend > .recommend-conter > ul > li')
  let box=$('.recommend > .recommend-conter > .contentbox')
  list.on('click',function(){
    let index = list.index(this);
    $(this).addClass('action').siblings().removeClass('action');
    $(this).removeClass("hover")
    box.eq(index).addClass('display').siblings().removeClass('display');
  })
}
// console.log(main4_tab);
export {main4_tab,main4_buttomtab,rmd_tab};

// export default main4_tab;